<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title></title>
	<link type="text/css" href="css/login.css" rel="stylesheet"/>
	
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
	
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet"/>
	
	<script type="text/javascript" src="js/registration.js"></script>
	<script type="text/javascript" src="js/login.js"></script>

</head>
<body>
	<%@page import="java.util.*" %>
	
	<%if(session.isNew()) session.setAttribute("email", ""); %>
	
	<% if (session.getAttribute("email").equals("")){%>
		<form id="login-form" method="post" action="login">
			
			<input id="login-email-clear" type="text" value="Email Adress" name="login-email-clear"/>
			<input id="login-email" type="text" name="login-email" value=""/>
			
			<input id="login-pw-clear" type="text" value="Password"  name="login-pw-clear"/>
			<input id="login-pw" type="password" name="login-pw" value=""  />
			
			<input id="login-submit" type="submit" value="Login" name="search-submit"/>
			<a style="margin-left:10px; margin-right:10px;" id="create-user" href="#">Register</a>
		</form>
	<%}
	else{%>
		<span style="text-transform: lowercase;">
			<%= session.getAttribute("email").toString() %>
		</span>
		<a style="margin-left:50px; margin-right:10px;" id="logout-user" href="./logout.jsp">Logout</a>
	<%}%>

	
	
	<div id="dialog-form" title="Registration - It is free and it will be free!">
		<p class="validateTips"></p>
		<form id="register-form" method="post" action="registration">
			<fieldset>
				
				<label class="label-register" for="email">Email: </label>
				<input class="input-register" type="text" name="email" id="email" value=""/>&nbsp;
				
				<label class="label-register" for="firstname">Firstname: </label>
				<input class="input-register" type="text" name="firstname" id="firstname"/>&nbsp;
				
				<label class="label-register" for="lastname">Lastname: </label>
				<input class="input-register" type="text" name="lastname" id="lastname"/>&nbsp;
				
				<label class="label-register" for="dateOfBirth">Date Of Birth: </label>
				<input class="input-register" type="text" name="dateOfBirth" id="dateOfBirth"/>&nbsp;
				
				<label class="label-register" >Password: </label>
				<input class="input-register" type="password" name="password" id="password" value=""/>
				
			</fieldset>
		</form>
	</div>
	
	
</body>
</html>